@charset "utf-8"; 
input[type="file"]{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
}

.u_center{
	padding-top: 59px; 
		background: #f8f8f8;
	.u_centerMain{
		padding: 50px 0 30px;
		.u_centerTopBg{
			background: #fff;
			.t{
				padding: 28px 44px 28px 40px;
				border-bottom: 1px solid #ececec;
				display: flex;
				flex-direction: row;
				justify-content: space-between;
					align-items: center;
				.tL{ 
					display: flex;
					flex-direction: row;
					align-items: center;
					.tu{
						width: 84px;
						height: 84px;
						overflow: hidden;
						border-radius: 50%;
						margin-right: 30px;
						img{
							display: block;
							width: 100%;
							height: 100%;
						}
					}
				    .txtBox{ 
						dt{
							display: flex;
							flex-direction: row;
								margin-bottom: 8px;
							.txt{
								    font-weight: bold;
								    font-size: 18px;
								    color: #282828;
									margin-right: 8px;
							}
							.tag{
								background: #fff3e1;
								display: flex;
								flex-direction: row;
								align-items: center;
								border-radius: 10px;
								padding: 0 14px;
								img{
									display: block;
									height: 14px;
									margin-right: 4px;
								}
								span{
									display: block;
									font-size: 12px;
									    line-height: 20px;
									    color: #9f620e;
								}
							}
						}
						dd{
							    font-size: 16px;
							    color: #999;
								line-height: 24px;
						}
					}
				}
				.tR{
					    padding: 0 26px;
					    border:1px solid #2c8eff;
					    font-size: 16px;
					    color: #2c8eff;
						height: 36px;
						line-height: 36px;
						border-radius: 20px;
						cursor: pointer;
				}
				
				.tR:hover{
					background: #ecf5ff;
				}
			}
		
			.b{
				ul{
					display: flex;
					flex-direction: row;
					li{
						padding: 0 30px;
						span{
							cursor: pointer;
							font-size: 16px;
						position: relative;
							height: 56px;
							    line-height: 56px;
							    color: #666;
								display: block;
						}
					}
					
					.acBtnLi{
						span{
							color: #2c8eff;
						}
						
						span:after{
							content: "";
							position: absolute;
							left: 0;
							bottom: 0;
							height: 2px;
							background: #2c8eff;
							width: 100%;
							
					    }
					}
					 
				}
			}
		
		} 
		.u_centerBotBg{
			margin-top: 30px;
			background: #fff;
			.u_manageBg{
				padding-left: 54px;
				.tit_00{
					border-bottom: 1px solid #ececec;
					padding:0 8px;
					height: 55px;
					line-height: 55px;
					    font-size: 18px;
					    color: #282828;
				}
				
				.u_mBox{
					padding-right: 46px;
					.tit_01{
						    padding-top: 34px;
						    padding-left: 10px;
						    padding-bottom: 12px;
						    font-size: 18px;
						    color: #282828;
					}
					ul{
						li{
							padding: 26px 8px 26px 16px;
							border-bottom: 1px dashed #ddd;
							display: flex;
							flex-direction: row;
							justify-content: space-between;
							align-items: center;
							.li_L{
								display: flex;
								flex-direction: row; 
								align-items: center;
								.it_Name{
									    color: #777;
										font-size: 14px;
										line-height: 24px;
										width: 105px;
								}
								.li_L_R{
									.txImg{
										border: 1px dashed #d9d9d9;
										width: 80px;
										height: 80px;
										border-radius: 50%;
										overflow: hidden;
										position: relative;
										img{
											display: block;
											width: 100%;
											height: 100%;
											cursor: pointer;
										}
									}
									
									.txImg:hover{
										border-color: #2c8eff;
									}
									
									.txt{
									  font-size: 14px;
									  line-height: 24px;
									  color: #000;
									}
								}
								
							}
							.li_R{
								overflow: hidden;
									cursor: pointer;
								span{
									display: block;
									cursor: pointer;
									font-size: 14px;
									line-height: 24px;
									overflow: hidden;
									color: #2c8eff;
								    position: relative;
								}
							}
							    
						}
					}
				}
			
				.u_manageBot{
					display: flex;
					flex-direction: row-reverse;
					padding: 40px 44px 40px 0;
					.u_manageBtn{
						    padding: 0 48px;
						    border-color: #2c8eff;
						    background-color: #2c8eff;
						    font-size: 16px;
						    color: #fff;
							height: 40px;
							line-height: 40px;
							cursor: pointer;
							border-radius: 40px;
					}
				}
			}
		
			.coin_chargeBg{
				padding: 55px;
				.coin_chargeMain{
					.top{
						display: flex;
						flex-direction: row;
						li{
							margin-right: 170px;
							h6{ 
								    font-size: 14px;
								    color: #969696;
									font-weight: normal;
									line-height: 20px;
							}
							h2{
								    margin-top: 15px;
								    font-weight: bold;
								    font-size: 32px;
								    color: #282828;
									line-height: 32px;
							}
						}
					}
					
					.midBtn{
						display: flex;
						flex-direction: row;
						padding: 0 15px;
						margin-top: 40px;
						li{
							padding: 0 30px;
							span{
								display: block;
								cursor: pointer;
								height: 50px;
								line-height: 50px;
								//color: #2c8eff;
								color: #666;
								font-size: 16px;
								border-bottom: 2px solid transparent;
							}
						}
						
						.midBtnAc{
							span{
								border-color: #2c8eff;
								color: #2c8eff;
							}
						}
					}
				
					.botBg{
						.c_title{
							font-size: 18px;
							color: #282828;
							line-height: 24px;
							font-weight: normal;
						}
						.chargeLiBg{
							.chargeNumBg{
								padding: 40px 0;
								.chargeNum{
									display:flex;
									flex-direction: row;
									flex-wrap: wrap;
									margin-top: 15px;
									li{
										    height: 98px;
										    border: 1px solid #d4d4d4;
										    border-radius: 8px;
										    overflow: hidden;
											margin: 10px 7px;
											cursor: pointer;
											position: relative;
									}
									
									li:hover{
										border-color: #999;
									}
									.c_NumLi_00{
										width: 256px;
										display: flex;
										flex-direction: column;
										justify-content: center;
										align-items: center;
										.tu{
											display: flex;
											flex-direction: row;
											justify-content: center;
											img{
												display: block;
												height: 34px;
											}
											h2{
												font-size: 30px;
												color: #282828;
												font-weight: normal;
												margin-left: 8px;
												line-height: 34px;
											}
										}
										
										.txt{
											font-size: 18px;
											color: #999;
											line-height: 24px;
											text-align: center;
											margin-top: 6px;
										}
									}
									
									
									.c_NumLi_01{
										display: flex;
										flex-direction: row;
										padding: 0 30px;
										align-items: center;
										input{
											display: block;
											border: none;
											outline: none;
											color: #000;
											font-size: 30px;
											line-height: 98px;
											height: 98px;
											width: 150px;
										}
										span{
											    font-size: 20px;
											    color: #999999;
												display: block;
												line-height: 24px;
										}
										.trans{
											height: 30px;
										}
										.earth{
											height: 34px;
										}
										img{
											display: block;
											margin: 0 10px;
										}
										p{
											width: 150px;
											color: #000;
											font-size: 15px;
											line-height: 24px;
											height: 24px;
											overflow: hidden;
										}
									}
								}
							}
							.chargeMethodBg{
								padding: 40px 0;
								.chargeMethod{
									display: flex;
									flex-direction: row;
									li{
										    width: 220px;
										    height: 86px;
										border: 1px solid #d4d4d4;
										border-radius: 8px;
										overflow: hidden;
										margin: 10px 7px;
										cursor: pointer;
										position: relative;
										display: flex;
										flex-direction: row;
										justify-content: center;
										align-items: center;
										.tu{
											width: 40px;
											height: 40px;
											display: flex;
											flex-direction: row;
											align-items: center;
											justify-content: center;
											margin-right: 6px;
											img{
												display: block;
												max-width: 100%;
												max-height: 100%;
											}
										}
										
										.txt{
											display: flex;
											flex-direction: column; 
											justify-content: center;
											p{
												    font-size: 16px;
												    line-height: 26px;
												    color: #4e4e4e;
											}
											span{
												display: block;
												    font-size: 14px;
												    color: #969696;
													line-height: 20px;
											}
										}
									}
									li:hover{
										border-color: #999;
									}
								}
							}
							.goPayBtn{
								    width: 184px;
									text-align: center;
								    border-color: #2c8eff;
								    border-radius: 23px;
								    background-color: #2c8eff;
								    font-size: 16px;
								    color: #fff;
									height: 45px;
									line-height: 45px; 
									margin: 50px auto 0;
									cursor: pointer;
							}
							
							.goPayBtn:hover{
								background: #66b1ff;
							}
						}
						
						.detailLiBg{
							.detail_btnBg{
								display: flex;
								flex-direction: row;
								margin-top: 40px;
								.detail_btn{
									margin-right: 15px;
									span{
										display: block;
										min-width: 70px;
										height: 35px;
										padding: 0 15px;
										border: 1px solid #D4D4D4;
										border-radius: 4px;
										line-height: 35px;
										text-align: center;
										color: #999999;
										cursor: pointer;
									}
								}
								.acDetBtn{
									span{
										border-color: #2c8eff;
										color: #2c8eff;
									}
								}    
							}
						
							.detail_DataBg{
								.noData{
									display: flex;
									flex-direction: row;
									justify-content: center;
									align-items: center;
									min-height: 600px;
									img{
										display: block;
										max-width: 100%;
										max-height: 100%;
									}
								}
								.beizhu{
									display: flex;
									flex-direction: row;
									align-items: center;
									img{
										display: block;
										height: 14px;
										margin-right: 3px;
									}
									span{
										display: block;
										font-size: 12px;
										line-height: 14px;
										color: #969696;
									}
								}
							}	
						}
					}
				}
			}
				
		}
	}
}

									.c_NumAc{
										border-color: #2c8eff !important;
									}
									
									.c_NumAc:after{
										content: "";
										position: absolute;
										bottom: -1px;
										right: -1px;
										width:38px;
										height: 36px;
										background: url(../img/coinCharge/selected.png) no-repeat center center;
										background-size: 100% 100%;
									}


@media screen and (max-width:1800px) {
 
}